<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Apple-Watch</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
           <div class="watch_area col-md-12">
               <div class="header col-md-12">
                    <div class="container">
                        <div class="logo">
                            <img src="img/logo.png" alt="">
                        </div>
                        <nav class="menu-nav">
                            <ul class="nav-items">
                                <li>
                                    <a href="#">pages</a>
                                </li>
                                <li>
                                    <a href="#">Faq</a>
                                </li>
                                <li>
                                    <a href="#">Review</a>
                                </li>
                                <li class="UF">
                                    <a href="#">Unique Feature</a>
                                </li>
                                <li>
                                    <a href="#">Review</a>
                                </li>
                                <li>
                                    <a href="#">about</a>
                                </li>
                                <li>
                                    <a href="#">Home</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
               </div>
               <div class="banner-content align-items-center">
                    <div class="text-lay">
                        <h5>Now you can feel the Heat</h5>
                    </div>
                    <div class="text-lay">
                        <h1>Smart New Future</h1>
                    </div>
                    <div>
                        <div class="primary-btn text-uppercase">Buy Now</div>
                    </div>
               </div>
               <div class="video_area">
                   <div class="container">
                        <div class="row align-items-center col-md-12">
                            <div class="video_left col-md-6">
                                <h6>Brand new app to blow your mind</h6>
                                <h1>We’ve made a life
                                    <br>
                                    that will change you
                                </h1>
                                <p>
                                    <span class="Wh">We are here to listen from you deliver exellence</span>
                                </p>
                                <p>
                                    <span class="Li">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
                                        <br>
                                         temp or incididunt ut labore et dolore magna aliqua. Ut enim ad minim.</span>
                                </p>
                                <div class="get_btn">
                                    Get Started now
                                </div>
                            </div>
                            <div class="col-md-6">
                                
                            </div>
                        </div>
                   </div>
               </div>
               <di0v class="row top-course-area">
                   <div class="container">
                       <div class="col-md-12">
                            <div class="text_center row">
                                <div class="text_Courses">
                                    <h1>Top Courses That are open for Students</h1>
                                    <p>Who are in extremely love with eco friendly system.</p>
                                </div>
                                <div class="text_Courses_bottom">
                                    <div class="col-md-3">
                                        <div class="single-course">
                                            <div class="single_img">

                                            </div>
                                            <div>
                                                <h4>High Performance</h4>
                                            </div>
                                            <div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, seddo eiusmod tempor incid.idunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                        </div>
                                        <div class="single-course">
                                            <div class="single_img">

                                            </div>
                                            <div>
                                                <h4>High Performance</h4>
                                            </div>
                                            <div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, seddo eiusmod tempor incid.idunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 img_c1">
                                        <img src="img/c1.png">
                                    </div>
                                    <div class="col-md-3">
                                        <div class="single-course">
                                            <div class="single_img">

                                            </div>
                                            <div>
                                                <h4>High Performance</h4>
                                            </div>
                                            <div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, seddo eiusmod tempor incid.idunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                        </div>
                                        <div class="single-course">
                                            <div class="single_img">

                                            </div>
                                            <div>
                                                <h4>High Performance</h4>
                                            </div>
                                            <div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, seddo eiusmod tempor incid.idunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                       </div>
                   </div>
               </div>
               <div class="row home_area">
                   <div class="container-fluid" style="padding-left: 0;">
                       <div class="col-lg-6" style="padding-left: 0;">
                            <img src="img/about-img.jpg">
                       </div>
                       <div class="col-lg-6">
                           <div class="right-area">
                                <h1>Globally Connected
                                    <br>
                                    by Large Network</h1>
                                <p>We are here to listen from you deliver exellence</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                                <a class="text-uppercase primary-btn-1" href="#">get details</a>
                            </div>
                       </div>
                   </div>
               </div>
               <div class="row service_area">
                   <div class="container">
                        <div class="col-md-12">
                            <div class="text_center row">
                                <div class="text_Courses">
                                    <h1>Some Features that Made us Unique</h1>
                                    <p>Who are in extremely love with eco friendly system.</p>
                                </div>
                                <div class="row card_area">
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Expert Technicians</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Professional Service</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Great Support</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Technical Skillss</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Highly Recomended</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card">
                                            <span>Positive Reviews</span>
                                            <p>Usage of the Internet is becoming more common due to rapid advancement of technology and power.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                   </div>
               </div>
               <div class="black_area row">
                   <div class="container">
                        <div class="col-md-12">
                            <div class="row watch_black">
                                <div class="black_Courses">
                                    <h1>Some Features that Made us Unique</h1>
                                    <p>Who are in extremely love with eco friendly system.</p>
                                </div>
                                <div class="row card_area">
                                    <div class="col-lg-3">
                                        <div class="card_black">
                                            <img src="img/u1.jpg" >
                                            <div class="black_card_bottom">
                                                <h4>Apple Watch White</h4>
                                                <h6>£399.00</h6>
                                                <a href="#" class="black-unique-product get_btn">Pre Order</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="card_black">
                                            <div class="card_black">
                                                <img src="img/u2.jpg" >
                                                <div class="black_card_bottom">
                                                    <h4>Apple Watch White</h4>
                                                    <h6>£399.00</h6>
                                                    <a href="#" class="black-unique-product get_btn">Pre Order</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="card_black">
                                            <div class="card_black">
                                                <img src="img/u3.jpg" >
                                                <div class="black_card_bottom">
                                                    <h4>Apple Watch White</h4>
                                                    <h6>£399.00</h6>
                                                    <a href="#" class="black-unique-product get_btn">Pre Order</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="card_black">
                                            <div class="card_black">
                                                <img src="img/u4.jpg" >
                                                <div class="black_card_bottom">
                                                    <h4>Apple Watch White</h4>
                                                    <h6>£399.00</h6>
                                                    <button href="#" class="black-unique-product get_btn">Pre Order</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                   </div>
               </div>
               <div class="row service_area">
                    <div class="container">
                        <div class="col-md-12">
                            <div class="text_center row">
                                <div class="text_Courses">
                                    <h1>Some Features that Made us Unique</h1>
                                    <p>Who are in extremely love with eco friendly system.</p>
                                </div>
                                <div class="row card_area">
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Cody Hines</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Chad Herrera</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Andre Gonzalez</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Jon Banks</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Landon Houston</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="card-2">
                                            <span>Nelle Wade</span>
                                            <p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row que_area">
                    <div class="container">
                        <div class="col-md-12">
                            <div class="row text_center">
                                <div class="text_Courses">
                                    <h1>Frequently Asked Questions</h1>
                                    <p>Who are in extremely love with eco friendly system.</p>
                                </div>
                                <div class="question_area_card">
                                    <div class="question_card">
                                        <span>Are your Templates responsive?</span>
                                    </div>
                                    <div class="question_card">
                                        <span>Does it have all the plugin as mentioned?</span>
                                    </div>
                                    <div class="question_card">
                                        <span>Can i use the these theme for my client?</span>
                                    </div>
                                    <div class="question_card">
                                        <span>Are your Templates responsive?</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row black_area_2">
                    <div class="container">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="Us">
                                    <div class="col-md-5">
                                        <div class="buttom_left">
                                            <h4>About Us</h4>
                                            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</span>
                                            <p>Copyright ©2021 All rights reserved | This template is made with  by Colorlib</p>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="buttom_left">
                                            <h4>Newsletter</h4>
                                            <span>Stay update with our latest</span>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="buttom_left">
                                            <h4>Follow Us</h4>
                                            <span>Let us be social</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>